<template>
  <el-row :gutter="10" style="padding: 8% 0 0 25%">
    <el-col :span="5" style="padding: 70px 5px 0 5px ">
      <el-card :body-style="{ padding: '0px' }" shadow="hover">
        <img src="../../../public/oil1.jpg" class="image" style="width: 250px">
        <div style="padding: 8px 0 15px 20px">
          <div class="bottom clearfix">
            <el-link href="http://10.72.64.216:8080/NewQueryTool.aspx?id=DOSING_VEHICLE_BJV&type=selfce&un=liqinxian"  target="_blank" :underline="false" style="font-size: 16px;font-weight: bold;font-family: 'Microsoft YaHei'">清防蜡质量曲线</el-link>
          </div>
        </div>
      </el-card>
    </el-col>
<!--    <el-col :span="5" style="padding: 70px 50px 0 50px ">-->
<!--      <el-card :body-style="{ padding: '0px' }" shadow="hover">-->
<!--        <img src="../../../public/oil2.jpg" class="image" style="width: 100%">-->
<!--        <div style="padding: 8px 0 15px 45px">-->
<!--          <div class="bottom clearfix">-->
<!--            <el-link href="http://10.72.64.216:8080/NewQueryTool.aspx?id=RHQSQ&type=selfce&un=liqinxian"  target="_blank" :underline="false" style="font-size: 16px;font-weight: bold;font-family: 'Microsoft YaHei'">热化清申请日报</el-link>-->
<!--          </div>-->
<!--        </div>-->
<!--      </el-card>-->
<!--    </el-col>-->
    <el-col :span="5" style="padding:70px 5px 0 5px ">
    <el-card :body-style="{ padding: '0px' }" shadow="hover">
      <img src="../../../public/oil2.jpg" class="image" style="width: 250px">
      <div style="padding: 8px 0 15px 20px;">
        <div class="bottom clearfix">
          <el-link href="http://10.72.64.216:8080/NewQueryTool.aspx?id=RHQRB&type=selfce&un=liqinxian"  target="_blank" :underline="false" style="font-size: 16px;font-weight: bold;font-family: 'Microsoft YaHei'">热化清质量日报</el-link>
        </div>
      </div>
    </el-card>
    </el-col>
    <el-col :span="5" style="padding: 70px 5px 0 5px ">
    <el-card :body-style="{ padding: '0px' }" shadow="hover">
      <img src="../../../public/oil1.jpg" class="image" style="width: 250px">
      <div style="padding: 8px 0 15px 20px">
        <div class="bottom clearfix">
          <el-link href="http://10.72.64.216:8080/NewQueryTool.aspx?id=RHQZLV&type=selfce&un=liqinxian"  target="_blank" :underline="false" style="font-size: 16px;font-weight: bold;font-family: 'Microsoft YaHei'">热化清车工作日报</el-link>
        </div>
      </div>
    </el-card>
    </el-col>
<!--    <el-col :span="5" style="padding: 70px 50px 0 50px ">-->
<!--      <el-card :body-style="{ padding: '0px' }" shadow="hover">-->
<!--        <img src="../../../public/oil1.jpg" class="image" style="width: 100%">-->
<!--        <div style="padding: 8px 0 15px 45px">-->
<!--          <div class="bottom clearfix">-->
<!--            <el-link href="http://10.72.64.216:8080/NewQueryTool.aspx?id=lhz_jylv&type=selfce&un=liqinxian"  target="_blank" :underline="false" style="font-size: 16px;font-weight: bold;font-family: 'Microsoft YaHei'">自动化加药泵日报</el-link>-->
<!--          </div>-->
<!--        </div>-->
<!--      </el-card>-->
<!--    </el-col>-->
  </el-row>
</template>

<style>


.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.image {
  width: 400px;
  height: 500px;
  display: block;
}

</style>

<script>
export default {
  data() {
      return {
        searchData: {},
        tableData: [],
        currentDate: new Date()
      }
  }
}
</script>

<style scoped>

</style>
